<%@ page contentType="text/html; charset=utf-8" %>

<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
</head>
<script language="javascript">





//로그인 submit
function login() {
    
    var frm = $("#loginMbrForm")[0];

    var loginMsg = document.getElementById("loginMsg");

    //var mbrEml = document.getElementById("mbrEml") ;
    
    var pw = document.getElementById("pw") ;
    var saveFlg = document.getElementById("saveFlg") ;
    var mbrEmlPrx = document.getElementById("mbrEmlPrx");
    var mbrEmlTail = document.getElementById("mbrEmlTail");
    
    if (mbrEmlPrx.value == "") {
        alert("이메일 아이디를 입력하십시요");
        mbrEmlPrx.focus();
        return ;
    }
    if (mbrEmlTail.value == "") {
        alert("이메일 아이디를 입력하십시요");
        mbrEmlTail.focus();
        return ;
    }

    var mbrEml = mbrEmlPrx.value + "@" + mbrEmlTail.value;
    
    if (pw.value == "") {
        alert("비밀번호를  입력하십시요");
        pw.focus();
        return ;
    }    
  var reqURL = document.getElementById("reqURL").value;
 
       $.post("<c:url value='/mbr/newLogin.do'/>",
               {
                   'mbrEml' : mbrEml,
                   'pw'     : pw.value,
                   'saveFlg' : saveFlg.value
               },
               function(data){
             
                   var result={};
                   var items = $(data).find("item");
                   items.each(function(index,element){
                      var name = $(this).find("name").text();
                      var value = $(this).find("value").text();
                      result[name] = value;
                   });
                   
                
                   if(result["result"] =="OK"){
            
                   if(reqURL == "") reqURL = '/kr/index.do';

                   returnReDirectURL(reqURL) ;
                   
                    return true;
                    
                   }
                   else if (result["result"] == "LCK"){
              
                        mbrEml.value="";
                        pw.value ="";
                       loginMsg.innerHTML="비밀번호 5회 오류로 이 아이디는 사용하실 수 없습니다.";
                       return true;
                       
                   }else if (result["result"] == "NON"){
                       pw.value="";
                       loginMsg.innerHTML="현재 입력하신 아이디가 등록되어 있지 않거나<br />아이디 또는 비밀번호를 잘못 입력하셨습니다.";
                       return true;
                      
                   }else if (result["result"]== "FAIL"){
                       pw.value="";
                       var FailCnt = result["FailCnt"];
                       
                       var inHtml = "아이디 또는 비밀번호 [" + FailCnt + "]회  오류입니다."
                       loginMsg.innerHTML=inHtml ;
                       return true;
                       
                   }else if (result["result"]== "LSTLOG"){
                       pw.value="";
                       mbrEml.value="";
                       //loginMsg.innerHTML="90일동안 비로그인 회원은 사용하실 수 없습니다.<br />보인 인증을 다시 해 주세요.";
                       openPopUp();
                       //return true;
                   }else if (result["result"]== "PWCHGNO"){
                       pw.value="";
                       mbrEml.value="";
                       var mbrEml3 = document.getElementById("mbrEml3");
                       mbrEml3.value=result["reMbrEml"];
                       openPopUp2();
                       //return true;
                   }

               }
           );  
       
       return false;

}

//90일 비로그인자 보인 인증 팝업 호출
function openPopUp(){
    $("#personinfopopup-catalog").height('');
    $('body').dimmedFrame();
    $('.dimmed-frame').css({height:$("#wrap").height()});
    $("#personinfopopup-catalog").css("display", "");
    $("#personinfopopup-catalog").css({top:$(window).scrollTop()+150}).show();
}

//회원가입(약관동의쪽으로 이동)
function clasAgr(){
    var frm = $("#loginMbrForm")[0];
    frm.action="<c:url value='/mbr/clasAgr.do'/>";
    frm.submit();
}


function returnReDirectURL(reqURL){
    window.location.href = reqURL;
}

//회원가입(기존회원 약관동의쪽으로 이동)
function extLoginForm(){
    var frm = $("#loginMbrForm")[0];

    frm.action="<c:url value='/mbr/extLoginView.do'/>"
    frm.submit();
}




//아이디 찾기
function findNewId(){
    var frm = $("#loginMbrForm")[0];
    frm.action="<c:url value='/mbr/findNewIdView.do'/>";
    frm.submit();
}


//비밀번호찾가
function findNewPw(){
    var frm = $("#loginMbrForm")[0];
    frm.action="<c:url value='/mbr/findNewPwView.do'/>";
    frm.submit();
}

function idSaveTogle(){
    var checkSave = document.getElementById("checkSave");
    var saveFlg = document.getElementById("saveFlg");

    if(checkSave.checked == true ){
        saveFlg.value = "Y";
    }else{
        saveFlg.value = "N";

    }
}

$(document).ready(function() {
    
   var all_cookies = document.cookie.split(';');
   var tmp_cookie ="" ;
   var i, key,val , idx;
   var cookie_name ;
   var cookie_value;
   var mbrEmlPrx = document.getElementById("mbrEmlPrx");
   var mbrEmlTail = document.getElementById("mbrEmlTail");
   var checkSave = document.getElementById("checkSave");
   var tmpEml = "";
   
   for(i=0 ; i< all_cookies.length ; i++){
       tmp_cookie = all_cookies[i].split('=');
       cookie_name = tmp_cookie[0].replace(/^\s+|\s+$/g,"")    ;
       
       
       if(cookie_name == "saveID"){
       
          if(cookie_name.length > 1){
              cookie_value = unescape(tmp_cookie[1].replace(/^\s+|\s+$/g,""));

              
              tmpEml = cookie_value.replaceAll("\"","") ;
              if(tmpEml != ""){
                  var mbrEml = "${saveMbrEml}";
                  var idx = mbrEml.indexOf("@");
                  
                  var mbrPrx= mbrEml.substring(0,idx);
                  var mbrTail = mbrEml.substring(idx + 1, mbrEml.length);

                  mbrEmlPrx.value = mbrPrx;
                  mbrEmlTail.value = mbrTail;
                  var checkSave = document.getElementById("checkSave");
                  checkSave.checked = true ;   
                  var saveFlg = document.getElementById("saveFlg");
                  saveFlg.value = "Y";     
              } 
          }
       }    

   }
});

function layerClose() {
    $('.dimmed-frame').remove();
    $("#personinfopopup-catalog").hide();
}

function insertInfo(){
    //document.ondblclick = new function{"return false";}
    var saveFlg = document.getElementById("saveFlg") ;
    var inNam = document.getElementById("inNam") ;
    var mbrEmlPrx2 = document.getElementById("mbrEmlPrx2");
    var mbrEmlTail2 = document.getElementById("mbrEmlTail2");
    
    if (mbrEmlPrx2.value == "") {
        alert("이메일 아이디를 입력하십시요");
        mbrEmlPrx2.focus();
        return ;
    }
    if (mbrEmlTail2.value == "") {
        alert("이메일 아이디를 입력하십시요");
        mbrEmlTail2.focus();
        return ;
    }

    var mbrEml2 = mbrEmlPrx2.value + "@" + mbrEmlTail2.value;

    $.post(  //본인인증메일 발송한다.
            "<c:url value='/mbr/newEmlLoginSend.do'/>",
            {
                'mbrEml' : mbrEml2,
                'name'     : inNam.value,
                'saveFlg' : saveFlg.value
            },
            function(data){
                
                var result={};
                var items = $(data).find("item");
                items.each(function(index,element){
                   var name = $(this).find("name").text();
                   var value = $(this).find("value").text();
                   result[name] = value;
                });
                
             
                if(result["result"] =="OK"){
                    alert('입력하신 이메일로 인증 메일이 발송 되었습니다.');
                    location.replace("/kr/mbr/loginView.do");
                }else if (result["result"] == "NO"){
                    inNam.value="";
                    mbrEmlPrx2.value ="";
                    mbrEmlTail2.value ="";
                    alert('가입한 이메일과 이메일 아이디가 일치하지 않습니다.');
                    return true;
                }
            }
        );
}

//6개월 비밀번호 변경 안내팝업 호출
function openPopUp2(){
    $("#passwdpopup").height('');
    $('body').dimmedFrame();
    $('.dimmed-frame').css({height:$("#wrap").height()});
    $("#passwdpopup").css("display", "");
    $("#passwdpopup").css({top:$(window).scrollTop()+150}).show();
    $("#passwdpopup").css({left:$(window).scrollLeft()+200}).show();
}

function insertPwChg() {
    var oldPw = document.getElementById("oldPw");
    var newPw = document.getElementById("newPw");
    var newPwCnf = document.getElementById("newPwCnf");
    var mbrEml3 = document.getElementById("mbrEml3");
    
    if(oldPw.value =="") {
        alert('기존 비밀번호를 입력해 주세요.');
        oldPw.value="";
        oldPw.focus();
        return;
    }
    if(oldPw.value == newPw.value) {
        alert('같은 비밀번호로 변경하실수 없습니다.');
        oldPw.value="";
        newPw.value="";
        newPwCnf.value="";
        oldPw.focus();
        return;
    }
    if(newPw.value != newPwCnf.value) {
        alert('새로 입력한 비밀번호와 비밀번호 확인값이 일치하지 않습니다.');
        oldPw.value="";
        newPw.value="";
        newPwCnf.value="";
        oldPw.focus();
        return;
    }
    
    $.post(  //비밀번호 변경 update한다.
            "<c:url value='/mbr/newPwChgInfo.do'/>",
            {
                'mbrEml' : mbrEml3.value,
                'oldPw' : oldPw.value,
                'newPw' : newPw.value
            },
            function(data){
                
                var result={};
                var items = $(data).find("item");
                items.each(function(index,element){
                   var name = $(this).find("name").text();
                   var value = $(this).find("value").text();
                   result[name] = value;
                });
                
             
                if(result["result"] =="OK"){
                    alert('비밀번호가 변경되었습니다.');
                    location.replace("/kr/index.do");
                }else if (result["result"] == "PWCHNO"){
                    oldPw.value="";
                    newPw.value ="";
                    newPwCnf.value="";
                    oldPw.focus();
                    alert('입력한 비밀번호가 일치하지 않습니다.');
                    return true;
                }else if (result["result"] == "PWINSTNO"){
                    oldPw.value.value ="";
                    newPw.value ="";
                    newPwCnf.value="";
                    alert('비밀번호 변경이 실패하였습니다. \n\n 다시 시도해 주세요.');
                    oldPw.focus();
                    return true;
                }
            }
        );
}

function chgMn() {
    $('.dimmed-frame').remove();
    $("#passwdpopup").hide();
}

function pwdCheck() {
	var pwtxt = document.getElementById("newPw");
    var pwCfn = document.getElementById("newPwCnf");

    //비밀번호와 비밀번호 확인은 모두 입력하였을 경우에만 메세지 처리를 한다
    if((pwtxt.value != "" ) && (pwCfn.value != "")) {

       //1. 비밀번호와 비밀번호 확인 데이터가  일치하는지 체크한다.
       //   일치하지 않으면 모두 초기화하고 비밀번호로 포커스를 이동한다.
       var pw = pwtxt.value;
       var pwC = pwCfn.value;

       if((pw.length < 6) || (pwC.length < 6)) {
            alert("6자리 이상  영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)");
            pwtxt.value = "";
            pwCfn.value = "";
            pwtxt.focus();
            return false;       
        }
       
       if( pwtxt.value != pwCfn.value) {
           alert("비밀번호와 비밀번호확인값이 일치하지 않습니다.");
           pwtxt.value = "";
           pwCfn.value = "";
           pwtxt.focus();
           return false;
       }
       else
       {  //2. 특수문자가 입력되었는지 체크한다.
           
            var regEx_pwd = new RegExp("[^a-zA-Z0-9]");
            var regEx_pwd_E = new RegExp("[a-zA-Z]");
            var regEx_pwd_N = new RegExp("[0-9]");
            //특수문자 입력여부 체크       
            var result_pwd = regEx_pwd.exec(pwtxt.value);
             if(result_pwd) {
                alert("잘못된 번호입니다.");
                pwtxt.value = "";
                pwCfn.value = "";
                pwtxt.focus();
                return false;
            }
            
            //3.영어만 존재하는지 체크한다
            var result_pwd_E = regEx_pwd_E.exec(pwtxt.value);
            if(!result_pwd_E) {
                alert("6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)");
                pwtxt.value = "";
                pwCfn.value = "";
                pwtxt.focus();
                return false;
            }

            //4.숫자만 존재하는지 체크한다.
            var result_pwd_N = regEx_pwd_N.exec(pwtxt.value);
            if(!result_pwd_N) {
                alert("6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)");
                pwtxt.value = "";
                pwCfn.value = "";
                pwtxt.focus();
                return false;
            }           
        }
        return true ;
    }
    else
    {
        return false;
    }
}
</script>
<body>
<!-- 90일 비로그인자 회원본인 인증 팝업 -->
<div id="personinfopopup-catalog" class="layerpopup personinfopopup-catalog" style="z-index:1000"><div class="layerpopup-inner">
    <div class="layerpopup-contents">
    <div class="person-info-wrap">
        <div class="application-check-wrap" style="height:50px;">
               회원님의 계정은 <B><font color="blue">3개월 이상</font></B> 접속하지 않아 <br />휴면계정 상태 입니다.
        </div>
        <div class="etc-function">
            <label> 가입한 이메일 아이디를 통해 본인인증 후 <br />계정을 활성화 후 정상적인 서비스 이용이 가능합니다.</label>
        </div>
        <div class="person-info">
            <table summary="">
            <colgroup>
                <col width="20%" />
                <col />
            </colgroup> 
            <tbody>
            <tr>
                <th scope="row"><img src="/kr/images/layerpopup/txt_person_info01.png" alt="성명" /></th>
                <td class="input">
                    <input type="text" class="txt" style="width:194px" name="inNam" id="inNam" />
                </td>
            </tr>
            <tr>
                <th scope="row"><img src="/kr/images/global_menu/txt_global_menu_login02.gif" alt="이메일 아이디" /></th>
                <td class="input">
                    <input type="text" class="txt" style="width:138px;" name="mbrEmlPrx2" id="mbrEmlPrx2" />
                    @
                    <input type="text" class="txt" style="width:138px;" name="mbrEmlTail2" id="mbrEmlTail2" />
                </td>
            </tr>
            </tbody>
            </table>
        </div>
        </div>
        <div class="btnwrap">
                <a href="javascript:insertInfo()"><img src="/kr/images/layerpopup/btn_confirm02.gif" alt="확인" /></a>
                <a href="javascript:layerClose()"><img src="/kr/images/layerpopup/btn_cancel.gif" alt="취소" /></a>
        </div>
    </div>
    <!-- close -->
    <div class="close-area"><div class="close-area-inner">
        <img src="/kr/images/layerpopup/btn_close.gif" alt="닫기" class="close" />
    </div></div>
    <!-- //close -->
</div></div>
<!-- //90일 비로그인자 회원본인 인증 팝업 -->

<!-- //비밀번호 6개월 이후 변경 팝업 -->
<div id="passwdpopup" class="layerpopup passwdpopup" style="z-index:1000"><div class="layerpopup-inner">
    <div class="layerpopup-contents">
    <div class="person-info-wrap">
        <div class="application-check-wrap" style="height:50px;">
               <B><font color="blue">비밀번호 변경 </font></B> 확인 입니다.
        </div>
        <div class="person-info">
            <table summary="">
            <colgroup>
                <col width="32%" />
                <col />
            </colgroup>
            <tbody>
            <tr>
                <th scope="row">기존 비밀번호 입력</th>
                <td class="input">
                    <input type="password" class="txt" style="width:194px" name="oldPw" id="oldPw" />
                    <input type="hidden" class="txt" name="mbrEml3" id="mbrEml3" value="" />
                </td>
            </tr>
            <tr>
                <th scope="row">신규 비밀번호 입력</th>
                <td class="input">
                    <input type="password" class="txt" style="width:194px" name="newPw" id="newPw" onchange="pwdCheck()" />
                </td>
            </tr>
            <tr>
                <th scope="row">비밀번호 확인</th>
                <td class="input">
                    <input type="password" class="txt" style="width:194px" name="newPwCnf" id="newPwCnf" onchange="pwdCheck()" />
                </td>
            </tr>
            </tbody>
            </table>
        </div>
        </div>
        <div class="btnwrap">
                <a href="javascript:insertPwChg()"><img src="/kr/images/layerpopup/btn_confirm02.gif" alt="확인" /></a>
                <a href="javascript:chgMn()"><img src="/kr/images/layerpopup/btn_cancel.gif" alt="취소" /></a>
        </div>
    </div>
    <!-- close -->
    <div class="close-area"><div class="close-area-inner">
        <img src="/kr/images/layerpopup/btn_close.gif" alt="닫기" class="close" onclick="javascript:chgMn()" />
    </div></div>
    <!-- //close -->
</div></div>
<!-- //비밀번호 6개월 이후 변경 팝업 -->

<div id="wrap" class="non-subnavigation02">
	<%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
	<%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
	<hr />

    <%@ include file="/WEB-INF/jsp/com/include/sub_header_global_login.jspf" %>
	<hr />

	<div id="container">
		<div id="subtitle-area"><div class="subtitle-area-inner">
			<%@ include file="/WEB-INF/jsp/com/include/location.jspf" %>
		</div></div>
        
        <form id="loginMbrForm" name="loginMbrForm" method="post" onsubmit="return false;">   
        <input type="hidden" name="saveFlg" id="saveFlg" value="N">   
        <input type="hidden" name="reqURL"  id="reqURL" value="${reqURL }">
     		
        <div id="article">
			<p><img src="/kr/images/global_menu/txt_global_menu_login01.gif" alt="로그인을 위하여 아래 아이디와 패스워드를 입력해주세요. 처음 방문하셨다면 회원가입 후에 서비스를 이용하실 수 있습니다." /></p>
			<div class="login-input-wrap"> 
                <div class="login-input"><div class="login-input-inner">
                    <p>
						<img src="/kr/images/global_menu/txt_global_menu_login02.gif" alt="이메일 아이디" />
                        <input type="text" class="txt" style="width:138px;"name="mbrEmlPrx" id="mbrEmlPrx" />
                        @
                        <input type="text" class="txt" style="width:138px;" name="mbrEmlTail" id="mbrEmlTail"  />
					
                    
                    </p>
					<p class="password">
						<img src="/kr/images/global_menu/txt_global_menu_login03.gif" alt="비밀번호" />
						<input type="password" class="txt" name="pw" id="pw"   style="width:300px;" />
					</p>
					<input type="image" src="/kr/images/common/button/btn_confirm02.gif" class="login-btn" alt="확인" onClick="login()"/>
					<div class="etc-function">
						<label><input type="checkbox" class="check" id="checkSave" name="checkSave" onClick="idSaveTogle()"/> 아이디 저장</label>
						<span class="bar">|</span>
						<a href="javascript:findNewId();">아이디 찾기</a>, <a href="javascript:findNewPw();">비밀번호 찾기</a><br>
                    </div>
                </div></div>
                <p  id="loginMsg" class="fail-msg"></p>
            </div>
			<div class="join-function">
				<p>
					<a href="javascript:clasAgr();"><img src="/kr/images/common/button/btn_join.gif" alt="회원가입" /></a>
					<img src="/kr/images/global_menu/txt_global_menu_login04.gif" alt="회원가입을 통해 현대자동차의 다양한 서비스를 이용할 수 있습니다." class="space" />
				</p>
				<p class="section">
					<a href="javascript:extLoginForm();"><img src="/kr/images/common/button/btn_member_replace.gif" alt="기존회원 전환" /></a>
					<img src="/kr/images/global_menu/txt_global_menu_login05.gif" alt="기존 현대자동차 회원님께서 신 회원제(이메일 아이디)로 변환하는 절차 입니다." class="space" />
				</p>
			</div>
           </div>
        </form>
		</div>
	</div>
	<hr />
	<%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>